import { defineStore } from "pinia";
import { computed, reactive, ref } from "vue";

// 第一个参数是id，建议与文件名保持一致；第二个参数是配置对象，里面必须是返回值的函数
// export const useCountStore = defineStore('count',{
//   // 里面放置一个一个的方法，用于响应组件中的动作
//   actions:{
//     increment(value:number){
//       // console.log('increatment');
//       // console.log(this.sum);   //this是当前store
//       this.sum += value  
//     }
//   },
//   // 真正存储数据的地方
//   state(){
//     return{
//       sum:6,
//       name:'huake',
//       address:'1037'
//     }
//   },
//   // 对数据二次加工
//   getters:{
//     bigSum(state){
//       return state.sum*10 
//     },
//     upperName():string{
//         return this.name.toUpperCase()
//     }
//   }
// })

// store组合式写法
export const useCountStore = defineStore('count',()=>{
  let sum=ref(6)
  const name=ref('huake')
  const address=ref('1037')

  function increment(value:number){
    sum.value += value  
  }
  return {sum,name,address,increment}
})